<template>
  <div class="minx-1">
    <timetable
      :afternoonLength="4"
      :length="9"
      :events="lessonData"
    ></timetable>
  </div>
</template>

<script lang="ts" setup>
import timetable from './components/timetable.vue'

// 定义课程接口
interface Lesson {
  title: string // 课程名称
  skjc: string // 上课节次
  addr: string // 上课地点
  jxbzc: string // 备注
  num: string // 人数
}

interface Schedule {
  sjd: string // 上课时间段
  jc: string // 课次
  mon?: Lesson // 星期一课程
  tue?: Lesson // 星期二课程
  wed?: Lesson // 星期三课程
  thu?: Lesson // 星期四课程
  fri?: Lesson // 星期五课程
  sat?: Lesson // 星期六课程
  sun?: Lesson // 星期日课程
}
onMounted(() => {})
// 完整的课程数据
const lessonData: any = [
  {
    xq: 1, // 星期一
    start: 1, // 第1节
    end: 2, // 第2节
    title: '数学',
    skjc: '第1-2节',
    addr: '教室A101',
    jxbzc: '教学班1',
    num: '40',
    type: 1
  },
  {
    xq: 3, // 星期三
    start: 3, // 第3节
    end: 4, // 第4节
    title: '英语',
    skjc: '第3-4节',
    addr: '教室B202',
    jxbzc: '教学班2',
    num: '35',
    type: 2
  },
  {
    xq: 5, // 星期五
    start: 5, // 第5节
    end: 6, // 第6节
    title: '物理',
    skjc: '第5-6节',
    addr: '教室C303',
    jxbzc: '教学班3',
    num: '38',
    type: 1
  },
  {
    xq: 1, // 星期一
    start: 1,
    end: 2,
    title: '化学',
    skjc: '第1-2节',
    addr: '教室A102',
    jxbzc: '教学班4',
    num: '42',
    type: 1,
    conflict: 1 // 冲突1
  }
]
</script>

<style lang="scss" scoped>
.minx-1 {
  width: 100%;
  height: 100vh;
}
</style>
